<!DOCTYPE html>
<html>
  <head lang="en">
    <meta charset="UTF-8" />
    <title>文本样式</title>
    <style type="text/css">
      h1 {
        color: green;
      }
      a {
        text-decoration: none;
        color: #009;
      }
      .username1::after {
        content: "★★★★★";
        color: orange;
      }
      .username2::after {
        content: "★★★★";
        color: orange;
      }
    </style>
  </head>
  <body>
    <h1>大话西游之大圣娶亲影评</h1>
    <a href="#">热门/</a><a href="#">最新/</a><a href="#">好友</a>
    <hr />
    <div>
      <a href="#" class="username1">罗弘霉素</a>
      2010-07-26 <br />
      有人跟我比赛背台词么
      <br />
      阅读：1615
      <a href="#">有用</a>
    </div>
    <hr />
    <div>
      <a href="#" class="username2">十七只猫和鱼</a>
      2006-04-26 <br />
      任何时候任何场合都可以再看一遍的电影
      <br />
      阅读：515
      <a href="#">有用</a>
    </div>
    <hr />
    <div>
      <a href="#" class="username2">暖家男</a>
      2006-04-26 <br />
      一定有一些电影 永远都不能被超越
      <br />
      阅读：490
      <a href="#">有用</a>
    </div>
    <hr />
  </body>
</html>
